@import './lib/reset.scss';

.kind-nav{
	background-color:#f7f7f7 !important;
	border-bottom: 1px solid #eaeaea;
	@include flexbox();
	.kindheaer{
		@include rect(30%, 100%);
		@include flexbox();
		@include justify-content(flex-start);
		@include align-items();
		text-indent:1em;
		@include font-size(0.16rem);
		@include text-color(#333);
		border-bottom:1px solid #ddd ;
		.iconfont{
			@include text-color(#f84646);
			@include font-size(0.2rem);
			font-weight:700;
		}
	}
	.kindsearch{
		@include rect(70%, 100%);
		@include flexbox();
		@include align-items();
		border-bottom:1px solid #ddd ;
		.search-main{
			@include rect(95%, 70%);
			@include background-color(#fff);
			border-radius:0.22rem;
			@include flexbox();
			@include align-items();
			@include justify-content();
			.search-ipt{
				@include rect(80%, 100%);
				border:0;
				text-indent:0.5em;
			}
		}
	}
}
.kind-content{
	.main-tab{
		@include rect(100%, 100%);
	}
	.am-tabs-default-bar {
		position: relative;
		display: flex;
		flex-shrink: 0;
		flex-direction: row;
		width: 100%;
		overflow: visible;
		z-index: 1;
	}
	.am-tabs-default-bar-tab-active {
		color: #f84646;
		@include background-color(#fff);
		border-left:3px solid #f84646;
	}
	.am-tabs-default-bar-underline {
		position: fixed;
		border: 1px #fff solid;
		height:0% !important;
		top:0% !important;
	}
	.am-tabs-default-bar-content{
		@include background-color(#f7f7f7);
	}
	.tab-main{
		@include padding(0 0 0 0.1rem);
		@include rect(100%, auto);
		@include background-color(#fff);
		min-height:100%;
		.tab-dl{
			@include rect(100%, 100%);
			.tab-dt{
				@include rect(100%, 1.1rem);
				@include padding(0.1rem 0 0 0);
				a{
					@include display(block);
					@include rect(2.5rem, 0.9rem);
					img{
						@include rect(100%, 100%);
					}
				}
			}
			.tab-dd{
				p {
					border-left: 2px solid #f84646;
					line-height: 0.3rem;
					padding-left: 0.15rem;
					color: #000;
					height: 0.3rem;
					font-size: 0.14rem;
					margin-bottom: 0.1rem;
				}
				ul{
					@include flexbox();
					@include flex-wrap(wrap);
					li{
						@include margin(0 0.05rem 0 0);
						a{
							@include margin(0.03rem 0);
							@include display(block);
							@include rect(0.8rem, 1.15rem);
							img {
								@include rect(0.8rem, 0.8rem);
							}
							span{
								@include flexbox();
								@include justify-content();
								@include text-color(#848484);
								@include font-size(0.12rem);
								line-height: 0.3rem;
							}
						}	
					}
				}
			}
		}
	}
	.am-tabs-default-bar-tab{
		height:10% !important;
		border-bottom:1px solid #ddd ;
		border-right:0;
	}
	.am-tabs-default-bar-left .am-tabs-default-bar-tab, .am-tabs-default-bar-right .am-tabs-default-bar-tab {
		padding: 0 0.5rem 0 0.1rem;
		@include font-size(0.14rem);
	}
	
}
















